<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title>网易</title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/core.css" />
	</head>
	<body>
		<header class="common-header">
			<div class="header-title">
				<a href="#" class="toggle"></a>
				<a href="index.html" class="logo"></a>	
				<div class="title-right">
					<a href="cart.html" class="shopcar"></a>				
					<a href="search.html" class="select"></a>	
				</div>				
			</div>
			<ul class="header-hid-nav">
				<li>					
					<a href="index.html"><img src="img/index/hide-nav4.jpg"/><span>首页</span></a>					
				</li>
				<li>
					<a href="special.html"><img src="img/index/hide-nav3.jpg"/><span>专题</span></a>					
				</li>
				<li>
					<a href="classify.html"><img src="img/index/hide-nav2.jpg"/><span>分类</span></a>					
				</li>
				<li>
					<a href="personal.html"><img src="img/index/hide-nav.jpg"/><span>个人</span></a>					
				</li>
			</ul>
		</header>
		<div class="index-container">
			<section class="swiper-container">
				<div class="swiper-wrapper">
					<a class="swiper-slide">
						<img src="img/index/banner1.jpg"/>
					</a>
					<a class="swiper-slide">
						<img src="img/index/banner2.jpg"/>
					</a>
					<a class="swiper-slide">
						<img src="img/index/banner3.jpg"/>
					</a>
					<a class="swiper-slide">
						<img src="img/index/banner4.jpg"/>
					</a>
					<a class="swiper-slide">
						<img src="img/index/banner5.jpg"/>
					</a>
				</div>
				 <div class="swiper-pagination"></div>
			</section>
			<section class="container-nav">
				<ul>
					<li><a href="#"><img src="img/index/container-nav1.png"/><span>居家</span></a></li>
					<li><a href="#"><img src="img/index/container-nav2.png"/><span>餐厨</span></a></li>
					<li><a href="#"><img src="img/index/container-nav3.png"/><span>配件</span></a></li>
					<li><a href="#"><img src="img/index/container-nav4.png"/><span>服饰</span></a></li>
					<li><a href="#"><img src="img/index/container-nav5.png"/><span>更多</span></a></li>
				</ul>
			</section>
			<section class="container-manufacturer">
				<header class="manufacturer-title">
					<a href="#">品牌制造商直供 <i class="fa fa-angle-right"></i></a>
				</header>
				<article class="manufacturer-img">
					<div class="manufacturer-img-left manufacturer-imgs">
						<div class="manufacturer-img-left-container">						
							<div class="manufacturer-img-left-word">
								<p>缮魔师制造商</p>
								<span>45元起</span>
							</div>
							<img src="img/index/manufacturer1.jpg"/>
						</div>
						<div class="manufacturer-img-left-container">							
							<div class="manufacturer-img-left-word">
								<p><strong>Coach</strong>制造商</p>
								<span>49元起</span>
							</div>
							<img src="img/index/manufacturer2.jpg"/>
						</div>						
					</div>
					<div class="manufacturer-img-right manufacturer-imgs">						
						<div class="manufacturer-img-left-word">
							<p><strong>MU JI</strong>制造商</p>
							<span>14.9元起</span>
						</div>
						<img src="img/index/manufacturer3.jpg"/>
					</div>
				</article>
			</section>
			<section class="container-newproduce">
				<header class="newproduce-title">
					<a href="#">周一.周四新品首发 <i class="fa fa-angle-right"></i></a>
				</header>
				<article class="newproduce-img">
					<div>
						<a href="goods-details.html">
							<img src="img/index/new-produce4.png"/>
							<p>狐狸毛球针织帽</p>
							<span>￥69</span>
						</a>
						<a href="#">
							<img src="img/index/new-produce3.png"/>
							<p>可替换海绵洗杯子刷</p>
							<span>￥14.9</span>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="img/index/new-produce2.png"/>
							<p>可调节蒸笼</p>
							<span>￥19</span>
						</a>
						<a href="#">
							<img src="img/index/new-produce1.png"/>
							<p>女士袜子</p>
							<span>￥69</span>
						</a>
					</div>					
				</article>
			</section>
			<section class="container-recommend">
				<header class="recommend-title">
					<a href="#">人气推荐<i class="fa fa-angle-right"></i></a>
				</header>
				<ul class="recommend-content">
					<li>
						<a href="#">
							<div class="recommend-left">
								<img src="img/index/recommend2.png" alt="" />
							</div>
							<div class="recommend-right">
								<h3>日式简约纯色舒棉绒拖鞋</h3>
								<p>日式简约风格，舒适耐穿</p>
								<span>￥39</span>
								<p>4色可选</p>
							</div>							
						</a>
					</li>
					<li>
						<a href="#">
							<div class="recommend-left">
								<img src="img/index/recommend3.png" alt="" />
							</div>
							<div class="recommend-right">
								<h3>暗格简约钢笔</h3>
								<p>致简设计，体验流畅书写</p>
								<span>￥39</span>
								<p>4色可选</p>
							</div>							
						</a>
					</li>
					<li>
						<a href="#">
							<div class="recommend-left">
								<img src="img/index/recommend1.png" alt="" />
							</div>
							<div class="recommend-right">
								<h3>轻致牛皮钥匙扣</h3>
								<p>头层牛皮，便携卡扣</p>
								<span>￥49</span>
								<p>3色可选</p>
							</div>							
						</a>
					</li>
				</ul>
			</section>
			<section class="container-special">
				<header class="special-title">
					<a href="#">专题精选<i class="fa fa-angle-right"></i></a>
				</header>
				<div class="one-height"></div>
				<div class="special-space">					
					<ul class="special-article">
						<li>
							<a href="#">
								<img src="img/special/special1.jpg"/>
							</a>
							<div class="index-special-word">
								<h4>没人会拒绝冬日的火锅 <span>65.9元起</span></h4>
								<p>幸福感满满的火锅厨具</p>
							</div>
						</li>
						<li>
							<a href="#">
								<img src="img/special/special2.jpg"/>
							</a>
							<div class="index-special-word">
								<h4>不会穿错の男士搭配指南 <span>29元起</span></h4>
								<p>冬季绅士出行篇</p>
							</div>
						</li>
						<li>
							<a href="#">
								<img src="img/special/special3.jpg"/>
							</a>
							<div class="index-special-word">
								<h4>没人会拒绝冬日的火锅 <span>65.9元起</span></h4>
								<p>幸福感满满的火锅厨具</p>
							</div>
						</li>
					</ul>
				</div>				
			</section>
			<section class="container-home">
				<header class="home-title">
					<a href="#">居家好物<i class="fa fa-angle-right"></i></a>
				</header>
				<div class="home-center">
					<div>
						<a href="#">
							<img src="img/index/home1.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p>
						</a>
						<a href="#">
							<img src="img/index/home3.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						<a href="#">
							<img src="img/index/home5.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
						<a href="#">
							<img src="img/index/home7.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="img/index/home2.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
						<a href="#">
							<img src="img/index/home4.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
						<a href="#">
							<img src="img/index/home6.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
						<a href="#" class="home-more">
							<h3>更多居家好物</h3>
							<i><img src="img/index/more.png"/></i>
						</a>
					</div>				
				</div>				
			</section>
			<section class="container-home">
				<header class="home-title">
					<a href="#">餐厨好物<i class="fa fa-angle-right"></i></a>
				</header>
				<div class="home-center">
					<div>
						<a href="#">
							<img src="img/index/home1.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p>
						</a>
						<a href="#">
							<img src="img/index/home3.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						<a href="#">
							<img src="img/index/home5.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
						<a href="#">
							<img src="img/index/home7.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="img/index/home2.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
						<a href="#">
							<img src="img/index/home4.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
						<a href="#">
							<img src="img/index/home6.png"/>
							<h3>日式色织磨毛四件套</h3>
							<span>369</span>
							<p>三种可选色</p></a>
						</a>
						<a href="#" class="home-more">
							<h3>更多居家好物</h3>
							<i><img src="img/index/more.png"/></i>
						</a>
					</div>				
				</div>				
			</section>
		</div>	
		<footer class="common-footer">
			<a href="#">下载APP</a>
			<a href="#">电脑版</a>
			<small class="copyright">
				<p>网易公司版权所有 © 1997-2016</p>
				<p >食品经营许可证：JY13301080111719</p>
			</small>			
		</footer>
		<script src="js/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/index"></script>
		<script src="vendor/hammer.min.js"></script>
		var hammertime = new Hammer(myElement, myOptions);
			hammertime.on('pan', function(ev) {
			    console.log(ev);
		});
	</body>

</html>